<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>成交记录</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<!-- 视口标签，禁止用户在移动端随意拉动 -->
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>detail</title>
	<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
	<!-- <link rel="stylesheet" href="../lib/button/buttons.css"> -->

	<link rel="stylesheet" href="../css/common.css">

	<style type="text/css">
		 /*分页条码*/
  .pagebar {
    margin: 20px 0;
    text-align: center;
  }
	</style>
</head>
<body>
	<header id="header"></header>
	<section>
		<div class="container">
			<table class="table table-striped">

				
				<caption  class="text-danger pc-unshow">
					可左右拖动浏览表格！
				<span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>

				</caption>
				<thead>
					<tr>
						<th>序号</th>
						<th>单价</th>
						<th>数量</th>
						<th>成交金额(CNY)</th>
						<th>交易方式</th>
						<th>担保时间</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-success">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-success">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-success">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-success">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							1
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>
					<tr>
						<td>
							10
						</td>
						<td>
							0.00026             
						</td>
						<td>
							24911078    
						</td>
						<td>
							6476.88               
						</td>

						<td class="text-danger">卖出</td>

						<td>
							2018-04-16 10:00:15               
						</td>
					</tr>

				</tbody>
			</table>

			 <!-- 列表分页 -->
  <div class="row pagebar">
    <!-- <div class="col-md-12"> -->
      <nav aria-label="Page navigation">
      <ul class="pagination">
      
        <!-- 分页链接禁用状态 -->
        <!-- <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">上页</span></a></li> -->
        <li><a href="#" aria-label="Homepage" title="首页"><span aria-hidden="true">首页</span></a></li>
        <li class="disabled"><span><span aria-hidden="true">&laquo;</span></span></li>
        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#" title="第2页">2</a></li>
        <li><a href="#" title="第3页">3</a></li>
        <li><a href="#" title="第4页">4</a></li>
        <li><a href="#" title="第5页">5</a></li>
        <li><a href="#" aria-label="Next" title="下页"><span aria-hidden="true">&raquo;</span></a></li>
        <li><a href="#" aria-label="Last" title="尾页"><span aria-hidden="true">尾页</span></a></li>
     </ul>
   </nav>
   <!--  </div> -->
  </div>
       <!--  </div> -->

		</div>
	</section>

	<footer id="footer"></footer>
	<!-- 底部内容end -->
	<script src="../lib/jquery/jquery-2.1.1.js"></script>
	<script src="../lib/bootstrap/js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$(function () {

			$('#header').load('../common/nav.html');
			$('#footer').load('../common/footer.html');




		})
	</script>
</body>
</html>